@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#1c55a4}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:15px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.red{ color:#fe0101}
.blue{color:#1c55a4; }

.section{ padding:60px 0 90px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}


#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-95px;}
.wrap{ width:88%; max-width:1300px;  margin:0 auto}
.wrap02{ width:100%; margin:0 auto; overflow:hidden}
.jvzhong{ text-align:center}
.title{ text-align:center; margin-bottom:45px;}

.title h3{line-height:45px; font-size:36px; color:#333;z-index:99; position:relative}
.title h3:before{ content: ""; display: inline-block;width:133px;height: 1px;vertical-align: middle;background:#ddd; margin-right:30px;}
.title h3:after{ content: ""; display: inline-block;width:133px;height: 1px;vertical-align: middle;background:#ddd; margin-left:30px;}
.title p{ line-height:50px; font-size:30px; color:#999;display: inline-block;  clear:both; font-size:24px; font-family:"Times New Roman"; text-transform:uppercase; position:relative  }
.title p span{ display:inline-block; min-width:230px;}
.title p:before{ content: ""; display: inline-block;width:99px;height: 1px;vertical-align: middle;background:#ddd; margin-right:20px;}
.title p:after{ content: ""; display: inline-block;width:99px;height: 1px;vertical-align: middle;background:#ddd; margin-left:20px;}
.kuang{ width:95%; max-width:470px; height:46px; border-left:solid 1px #ddd;border-right:solid 1px #ddd;  z-index:-9; margin:-68px auto 0 auto}


.title02{ margin:20px 0 10px 0}
.title02 h3{ font-size:30px; line-height:60px; font-weight:bold; margin-bottom:12px;}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img{transform:scale(1.05);}

.space{height:95px;}

body{ position:relative}
.header{width: 100%;top:0;left:0;position:fixed; z-index:999; -webkit-transition:all .5s;transition:all .5s; background:#fff; border-bottom:solid 6px #1c55a4;box-shadow:0 5px 25px rgba(0,0,0,.1);}
.header .wrap{ position:relative; height:90px; background:#fff}
.header:after{ content:""; position:absolute; right:0%; height:45px; width:50%; background:#1c55a4; bottom:-6px; z-index:-1}

.header .logo{ position:absolute; left:0; top:50%; margin-top:-25.5px;}
.header .logo img{ display:block; height:57px; width:auto}
.header .use{position:absolute; right:0; bottom:-6px;}
.header .use .tel{ line-height:28px; padding:10px 0; text-align:right}
.header .use .tel a{ display:inline-block; font-size:20px; font-weight:bold}
.header .use .tel a i{ float:left; width:27px; height:27px; background:url(../images/tel.png) #fff no-repeat center center; border:solid 1px #1c55a4; border-radius:50%; margin-right:10px;}


.header .menu{ background:url(../images/menubg.png) no-repeat #1c55a4 left center; padding-left:40px;}
.header .menu li{ float:left;}
.header .menu li{ position:relative}
.header .menu li.menu_a:after{ }
.header .menu li .menu_a{ line-height:45px; display:block; margin:0 0 0 60px; font-size:16.5px; color:#fff;position:relative}
.header .menu li .menu_a:after {content:""; position:absolute; right:-30px; top:50%; width:1px; height:14px; margin-top:-6px; background-color:rgba(255,255,255,0.3);}
.header .menu li:last-child .menu_a:after{ display:none}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:100%; margin-left:30px; line-height:40px; border-left:solid 1px rgba(255,255,255,0.3); border-right:solid 1px rgba(255,255,255,0.3); border-bottom:solid 1px rgba(255,255,255,0.3); border-radius: 0 0 10px 10px; padding-bottom:6px;background-color:#1c55a4; }
.header .menu li .sub.cur{ display:block}
.header .menu .subin{ text-align:center;}
.header .menu .subin a{ display:block; color:#fff; border-bottom:solid 1px rgba(255,255,255,0.3) }
.header .menu .subin p:last-child a{ border:none}
.header .menu .subin a:hover{ font-weight:bold}


.banner{ position:relative; z-index:1; }
.banner img{ display:block; width:100%; height:auto}
.banner .swiper-container{position:relative;}
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#666; opacity:0.8; margin:0 5px; border-radius:5.5px;}
.banner .swiper-pagination-bullet-active{ background:#1c55a4; width:12px;opacity:1; border:none}
.banner .swiper-slide{ position:relative; overflow:hidden}

@media screen and (max-width: 1920px){
.banner{ width:103%; margin-left:-1.5%}
}

.iproducts .prolei ul{box-shadow: 0px 0px 5px rgba(0,0,0,0.15);}
.iproducts .prolei ul li{float:left; position:relative; width:20%; border-right:solid 1px #ddd; padding:20px 0 15px 0;background-repeat: no-repeat;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;    position: relative;text-align: center;cursor:pointer;}
.iproducts .prolei ul li:last-child{ border-right:none}
.iproducts .prolei ul a span{font-size: 18px;padding-top: 30px; display:block; }
.iproducts .prolei #ul{background: #fff;}
.iproducts .prolei ul li:nth-child(1){margin-left: 0px;background: url(../images/icon01.png) no-repeat center -5px;}
.iproducts .prolei ul li:nth-child(2){background: url(../images/icon02.png) no-repeat center -5px;}
.iproducts .prolei ul li:nth-child(3){background: url(../images/icon03.png) no-repeat center -5px;}
.iproducts .prolei ul li:nth-child(4){background: url(../images/icon04.png) no-repeat center -5px;}
.iproducts .prolei ul li:nth-child(5){background: url(../images/icon05.png) no-repeat center -5px;}

.iproducts .prolei ul .on{background-position: center -75px !important;background-color: #1c55a4 !important;}
.iproducts .prolei ul .on a{ color:#fff}
.iproducts .prolei li a:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #1c55a4; position:absolute; left:50%; margin-left:-10px; bottom:-10px; opacity:0}
.iproducts .prolei ul li.on:after, .iproducts .prolei ul li:hover:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #1c55a4; position:absolute; left:50%; margin-left:-10px; bottom:-10px; z-index:99; opacity:1;}
.iproducts .prolei ul .on p{color: #fff;}
.iproducts #products_cont{ margin-top:30px !important;}
.iproducts .wrap02 #products_cont{ overflow:hidden}
.iproducts .products_cont .item{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden }
.iproducts .products_cont .item:before{ content:""; position:absolute; top:100%; left:0; width:8px; height:100%; background:#1c55a4;-webkit-transition:all .5s;transition:all .5s;}
.iproducts .products_cont .item:after{ content:""; position:absolute; bottom:0%; right:100%; height:8px; width:100%; background:#1c55a4;-webkit-transition:all .5s;transition:all .5s;}
.iproducts .products_cont .item:hover:before{top:0%;}
.iproducts .products_cont .item:hover:after{right:0%;}
.iproducts .products_cont .item a{ border-top:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 8px #f1f1f1; border-left:solid 8px #f1f1f1; display:block; width:100%; height:100%}
.iproducts .products_cont .item:nth-child(4n){ margin-right:0}
.iproducts .products_cont .item:nth-child(4n+1){ clear:both}
.iproducts .products_cont .item .plogo{ position:absolute; top:10px; right:10px; width:20%; max-width:80px;}
.iproducts .products_cont .item .plogo img{ display:block; width:100%; height:auto}
.iproducts .products_cont .item .wenzi{ line-height:40px; padding-bottom:20px; font-size:18px; text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.iyoushi{ background:url(../images/ysbg.jpg) no-repeat center center; background-size:cover;}
.iyoushi .title h3:before{ width:114px;}
.iyoushi .title h3:after{ width:114px}
.iyoushi .item{ float:left; width:22.75%; margin-right:3%; background:url(../images/ysibg.png) no-repeat center top; background-size:cover; min-height:650px; text-align:center; padding:0 10px; position:relative}
.iyoushi .item:hover{background:url(../images/ysibg02.png) no-repeat center top; color:#fff;background-size:cover;}
.iyoushi .item:nth-child(4n){ margin-right:0}
.iyoushi .item .biaoti{background:url(../images/ysjiantou.png) no-repeat center bottom; padding-bottom:40px; margin-bottom:20px; margin-top:80px; }
.iyoushi .item .biaoti h3{ font-size:28px; font-weight:bold; margin-bottom:10px;}
.iyoushi .item .biaoti p{ font-size:20px; line-height:25px; min-height:50px;}
.iyoushi .item .intro{ min-height:90px;}
.iyoushi .item .pic{ margin-top:50px;}
.iyoushi .item .pic img{ display:block; margin:0 auto; width:auto; max-width:90%}



.icase .caselei ul{box-shadow: 0px 0px 5px rgba(0,0,0,0.15);}
.icase .caselei ul li{float:left; position:relative; width:16.666666%; border-right:solid 1px #ddd; padding:20px 0 15px 0;background-repeat: no-repeat;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;    position: relative;text-align: center;cursor:pointer;}
.icase .caselei ul li:last-child{ border-right:none}
.icase .caselei ul a span{font-size: 18px;padding-top: 30px; display:block}
.icase .caselei #ul{background: #fff;}
.icase .caselei ul li:nth-child(1){margin-left: 0px;background: url(../images/cicon01.png) no-repeat center -5px;}
.icase .caselei ul li:nth-child(2){background: url(../images/cicon02.png) no-repeat center -5px;}
.icase .caselei ul li:nth-child(3){background: url(../images/cicon03.png) no-repeat center -5px;}
.icase .caselei ul li:nth-child(4){background: url(../images/cicon04.png) no-repeat center -5px;}
.icase .caselei ul li:nth-child(5){background: url(../images/cicon05.png) no-repeat center -5px;}
.icase .caselei ul li:nth-child(6){background: url(../images/cicon06.png) no-repeat center -5px;}

.icase .caselei ul .on{background-position: center -75px !important;background-color: #1c55a4 !important;}
.icase .caselei ul .on a{ color:#fff}
.icase .caselei li a:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #1c55a4; position:absolute; left:50%; margin-left:-10px; bottom:-10px; opacity:0}
.icase .caselei ul li.on:after, .icase .caselei ul li:hover:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #1c55a4; position:absolute; left:50%; margin-left:-10px; bottom:-10px; z-index:99; opacity:1;}
.icase .caselei ul .on p{color: #fff;}
.icase #case_cont{ margin-top:30px !important;}
.icase .wrap02 #case_cont{ overflow:hidden}
.icase .wrap02 .case_cont .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%}
.icase .wrap02 .case_cont .item:nth-child(3n){ margin-right:0}
.icase .wrap02 .case_cont .item:nth-child(3n+1){ clear:both}

.iabout{background:url(../images/iaboutbg.jpg) no-repeat center center; background-size:cover;}
.iabout .conn{ background:#fff; box-shadow:0 5px 25px rgba(0,0,0,.2);}
.iabout .conn .abouttop{ border-bottom:solid 1px #ddd}
.iabout .conn .abouttop .pic{ float:left; width:50%;}
.iabout .conn .abouttop{ position:relative}
.iabout .conn .abouttop .more{background: url(../images/jt.png) #1c55a4 no-repeat center center; background-size:50% auto; width:70px; height:68px; position:absolute; left:50%; margin-left:-35px;bottom:0%; }
.iabout .conn .abouttop .wenzi{ float:right; width:50%; padding:20px 5%}
.iabout .conn .aboutbottom{padding:22px;}
.iabout .qimo8{ overflow:hidden; width:100%;}
.iabout .qimo8 .qimo {width:8000%;}
.iabout .qimo8 .qimo div{ float:left;}
.iabout .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.iabout .qimo8 .qimo ul li{ float:left; max-width:280px; margin-right:12px; border:solid 1px #ddd}


.inews .title p:before{width:95px;}
.inews .title p:after{ width:95px;}
.inews .news{ float:left; width:74%}
.inews .newstabmenu{text-align:center; position:relative; margin-bottom:30px; border-bottom:solid 1px #ddd}
.inews .newstabmenu li{ line-height:45px; cursor:pointer; font-size:20px; background:#ddd; position:relative; float:left; width:162px; margin-right:10px}
.inews .newstabmenu li:last-child{ margin-right:0}
.inews .newstabmenu li:hover, .inews .newstabmenu li.cli{ background:#1c55a4;color:#fff; }
.inews #newstabcontent .hidden {display:none;}
.inews #newstabcontent .topnews { margin-bottom:10px;}
.inews #newstabcontent .topnews .pic{ float:left; width:36%}
.inews #newstabcontent .topnews .wenzi{ float:right; width:61%; position:relative}
.inews #newstabcontent .topnews .wenzi h3{ font-size:20px; line-height:60px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews #newstabcontent .topnews .wenzi p{ color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews #newstabcontent .topnews .wenzi .more{ margin-top:30px;display:inline-block; line-height:46px; font-size:18px; background:url(../images/newsahover.png) #ddd no-repeat 85% center;margin-top:45px; padding:0 60px 0 30px; border-radius:25px;}
.inews #newstabcontent .topnews .wenzi .more:hover{background:url(../images/newsa.png) #1c55a4 no-repeat 85% center;color:#fff; }
.inews #newstabcontent .othernews .kuai{ float:left; width:49%; border:solid 1px #ddd; padding:15px 15px 16px 15px; margin-top:20px; line-height:25px;}
.inews #newstabcontent .othernews .kuai:nth-child(2n){ float:right}
.inews #newstabcontent .othernews .kuai:nth-child(2n+1){ clear:both;}
.inews #newstabcontent .othernews .kuai p{ color:#888;}
.inews #newstabcontent .othernews .kuai h3{ font-size:18px; width:calc(100% - 30px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews #newstabcontent .othernews .kuai a{ background:url(../images/newsa.png) no-repeat right center; display:block}
.inews #newstabcontent .othernews .kuai a:hover{ background:url(../images/newsahover.png) no-repeat right center}
.inews .faq{ float:right; width:24%}
.inews .faq .conn{ padding:10px 20px 18px 20px; border:solid 1px #ddd; line-height:38px; }
.inews .faq .conn a { display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:13px; background:url(../images/jiantou.png) no-repeat left center; }
.inews .faq .conn a:hover{ background:url(../images/jiantou02.png) no-repeat left center;}


.footer{ background:#1c55a4}
.footer .flink{ padding:30px 0; color:#fff; border-bottom:solid 1px rgba(255,255,255,0.1);}
.footer .flink span{ font-size:22px; font-weight:bold; margin-right:10px;}
.footer .flink a{ color:#fff; margin:0 10px}
.footer img{ display:block; width:auto; max-width:120px;}
.footer .fnav{ padding:40px 0 60px 0}
.footer .fnav .content {width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;}

.footer .fnav ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}
.footer .fnav li {color:#fff;display:inline-block;cursor:pointer;}
.footer .fnav li p{ }
.footer .fnav li:first-child{ border-left:none; padding-left:0;}
.footer .fnav li:last-child{ padding-left:0;}
.footer .fnav li .tel{font-size:26px; font-weight:bold; border-bottom:solid 1px rgba(255,255,255,0.1); padding-bottom:10px; margin-bottom:10px;}
.footer li h3{ color:#fff; margin-bottom:15px;font-size:18px;}
.footer li a{color:#fff;}

.footer .copyright{ background-color:rgba(0,0,0,0.2); color:#fff; text-align:center; padding:20px 0}
.footer .copyright a{ color:#fff; padding:0 10px;}


.float_kf{ position:fixed;right:10px; bottom:30%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0 ;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#1c55a4;border:1px solid #1c55a4;border-bottom:none; color:#fff}.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none}

.float_kf .qq i{ width:24px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto; display:block}
.float_kf .qq:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}

.float_kf .tel i{ width:25px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .tel .hd{ background:#1c55a4; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:16px 30px; width:200px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}
.float_kf .backtop{background:#1c55a4;border:1px solid #1c55a4; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6.png) no-repeat; margin:0 auto; display:block}
.float_kf .backtop a{ color:#fff}


.mbg{background: #f6f6f6;}
.nbanner img{ display:block; width:100%; height:auto}
.nguide {color: #333333;text-align:center; border-bottom: 1px solid #e1e1e1;background: #f6f6f6;padding:12px 0;/*border-top: 2px solid #1c55a4; */}
.nguide{transform:perspective(800px) rotateX(-90deg);transform-style:preserve-3d;transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;transform-origin:top center;opacity:0;filter:alpha(opacity=0)}
.nguide.animate{transform:perspective(800px) rotateX(0deg);opacity:1;filter:alpha(opacity=100)}
.nguide ul { font-size: 17px; float:left; position:relative}
.nguide li { text-align:center; display:inline-block; margin:0;}
.nguide li a {color: #333333;display: block; line-height: 32px; text-align:center; display:block; padding:0 25px;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;position:relative}
.nguide li a:hover, .nguide li .cur {color: #fff;background-color:#1c55a4; }
.nguide li a:hover:after, .nguide li a.cur:after {content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #1c55a4;position: absolute;left: 50%;margin-left: -5px;bottom: -5px;}

.nguide .weizhi{ float:right; text-align:right}
.nguide .weizhi p{background:url(../images/map_icon.png) no-repeat left center; padding-left:25px; color:#666}
.nguide .weizhi p a{ color:#666;}
.nguide .weizhi p .jiange{ padding:0 12px;}

.nabout .conn{ position:relative}
.nabout .pic{ float:right; width:45%}
.nabout .wenzi{ float:left; width:50%; }
.nabout .wenzi h3{ font-size:24px; font-weight:bold;color:#1c55a4; line-height:45px; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ddd}
.nabout .wenzi p{ line-height:35px; font-size:16px;}


.my-gallery{ margin-right:-2%}
.my-gallery > *{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; padding:10px; background:#f3f3f3; text-align:center; font-size:17px;}

.my-gallery .img-dv{ position:relative; background:#fff}
.my-gallery .img-dv .img1{ display:block; width:100%;}
.my-gallery .img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; max-height:100%}
.my-gallery figcaption{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px}



.npro .conn .item{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden }
.npro .item:before{ content:""; position:absolute; top:100%; left:0; width:8px; height:100%; background:#1c55a4;-webkit-transition:all .5s;transition:all .5s;}
.npro .item:after{ content:""; position:absolute; bottom:0%; right:100%; height:8px; width:100%; background:#1c55a4;-webkit-transition:all .5s;transition:all .5s;}
.npro .item:hover:before{top:0%;}
.npro .item:hover:after{right:0%;}
.npro .item a{ border-top:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 8px #f1f1f1; border-left:solid 8px #f1f1f1; display:block; width:100%; height:100%}
.npro .conn .item:nth-child(4n){ margin-right:0}
.npro .conn .item:nth-child(4n+1){ clear:both}
.npro .item .plogo{ position:absolute; top:10px; right:10px; width:20%; max-width:80px;}
.npro .item .plogo img{ display:block; width:100%; height:auto}
.npro .item .wenzi{ line-height:40px; padding-bottom:20px; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}


.nmain .wrap{ position:relative}
.nmain .shangxia{ position:absolute; width:50%; right:0; bottom:0; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:18px 0; font-size:17px; line-height:40px}
.nmain.pcon .pics { float:left; width:45%; border:solid 1px #ddd}
.nmain.pcon .wenzi{ float:right; width:50%;}
.nmain .pics .swiper-slide{ width:100%; position:relative}
.nmain .pics .swiper-slide img{ width:100%; height:auto; display:block}
.nmain .pics .swiper-button-prev{ width:34px !important; height:34px !important;  left:5%; margin-top:-17px; outline:none;border-radius:50%}
.nmain .pics .swiper-button-next{ width:34px !important; height:34px !important;  right:5%; margin-top:-17px; outline:none;border-radius:50%}
.nmain .pics .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.nmain .pics .swiper-button-next{ background:url(../images/next.png) no-repeat center;left:auto; background-size:cover }
.nmain .pics .swiper-button-next:hover{background:url(../images/next02.png) no-repeat center;background-size:cover;}
.nmain .pics .swiper-button-prev{ background:url(../images/pre.png) no-repeat center;background-size:cover; }
.nmain .pics .swiper-button-prev:hover{ background:url(../images/pre02.png) no-repeat center;background-size:cover;}
.nmain .pics .swiper-pagination{ display:none}
.nmain .wenzi .intro h3{ font-weight:bold; margin-bottom:10px}
.nmain .wenzi .intro{ color:#666; font-size:17px; line-height:35px;}
.nmain .wenzi .use{ margin-top:40px; position:relative}
.nmain .wenzi .use .dianhua{ width:50%; background:url(../images/ptel.png) no-repeat left center; line-height:24px; padding:6px 0 6px 70px}
.nmain .wenzi .use .dianhua h3{ font-size:24px; font-weight:bold}
.nmain .wenzi .use .zixun{ background:url(../images/zixun.png) no-repeat #1c55a4 30px center; border-radius:25px; padding-left:40px; line-height:50px; position:absolute; right:0; top:50%; margin-top:-25px; width:180px; text-align:center; color:#fff}
.nmain .wenzi .use .zixun a{ color:#fff;}

.pdetail{background:url(../images/probg.jpg) no-repeat center center; background-size:cover}
.pdetail .img{ background:#fff; width:100%}
.pdetail img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}
.pdetail p{ background:#fff; line-height:25px; clear:both; margin-bottom:8px; padding:10px 10px 10px 180px; position:relative}
.pdetail p span{background:#1c55a4; color:#fff; text-align:center;position:absolute; padding:10px 0; height:100%; width:160px; left:0; top:0 }

.pdetail table{border:solid 1px #ddd;line-height:28px;  background:#fff; text-align:center}
.pdetail td{padding:10px;}
.pdetail table td{border-left:solid 1px #fff; border-top:solid 1px #fff; }
.pdetail table tr td:first-child{ border:none}
.pdetail table tr:nth-child(2n+1) td{ background:#ddd}
.pdetail table tr:first-child td{ background:#1c55a4; color:#fff; font-size:110%}
.pdetail .huadong{ width:100%; min-width:640px; overflow-x:auto}



.detail img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}
.detail  p{ margin:10px 0 }

.tuijianlist .swiper-slide{ position:relative; overflow:hidden }
.tuijianlist .swiper-slide a:before{ content:""; position:absolute; top:100%; left:0; width:8px; height:100%; background:#1c55a4;-webkit-transition:all .5s;transition:all .5s;}
.tuijianlist .swiper-slide a:after{ content:""; position:absolute; bottom:0%; right:100%; height:8px; width:100%; background:#1c55a4;-webkit-transition:all .5s;transition:all .5s;}
.tuijianlist .swiper-slide a:hover:before{top:0%;}
.tuijianlist .swiper-slide a:hover:after{right:0%;}
.tuijianlist .swiper-slide a{ border-top:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 8px #f1f1f1; border-left:solid 8px #f1f1f1; display:block; width:100%; height:100%}

.tuijianlist .swiper-slide .plogo{ position:absolute; top:10px; right:10px; width:20%; max-width:80px;}
.tuijianlist .swiper-slide .plogo img{ display:block; width:100%; height:auto}
.tuijianlist .swiper-slide .wenzi{ line-height:40px; padding-bottom:20px; font-size:18px; text-align:center}

.tuijianlist .swiper-pagination{ display:block bottom:0}
.tuijianlist .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.tuijianlist .swiper-pagination-bullet-active{ background:#1c55a4}
.tuijianlist .swiper-slide { margin-bottom:50px;}


.nnews .title{ margin-bottom:20px !important}
.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai .wrap{position: relative;}
.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:rgb(249, 248, 247); top:0;transition: all 0.5s;}
.nnews .newskuai:hover:after{ width:100%;}
.nnews .newskuai {border-bottom: 1px solid #ddd;padding: 30px 0; position:relative;}
.nnews .newskuai .pic{ overflow:hidden; float:left; width:27%;}
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nnews .newskuai:hover .pic img{transform:scale(1.2);}
.nnews .newskuai .wenzi{ float:left; width:73%; padding: 0 3%;}
.nnews .newskuai .wenzi h3{ line-height:25px; padding:5px 0; font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin:10px 0; }
.nnews .newskuai .wenzi p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#888}
.nnews .newskuai .wenzi .shijian{ font-size:14px; color:#888;background:url(../images/shijian.png) no-repeat left center; padding-left:25px}
.nnews .newskuai .wenzi .more{width:140px; float:right; margin-top:26px; line-height:38px; border:solid 1px #ddd; color:#666; border-radius:25px; padding-right:40px;background:url(../images/newsahover.png) #fff no-repeat 90% center;  text-align:center; }
.nnews .newskuai:hover .wenzi .more{background:url(../images/newsa.png) #1c55a4 no-repeat 90% center;  color:#fff; }


.newstitle{ padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #ddd;}
.newstitle h3{ font-size:30px; line-height:45px;}
.newstitle p{ font-size:14px; color:#999}


.tuijian02 .swiper-slide{ background:#fff}
.tuijian02 .swiper-slide .wenzi{ padding:0 20px}
.tuijian02 .swiper-slide .use{ padding:0 20px 10px 20px}

.back a{ display:block; width:140px; line-height:40px; text-align:center; background:url(../images/jiantou03.png) #1c55a4 no-repeat 80% center; background-size:20px auto; padding-right:30px; border-radius:20px; text-align:center; color:#fff; margin:40px auto 0 auto;}
.back a:hover{box-shadow: 0 0 10px #ccc; background:url(../images/jiantou03.png) #1c55a4 no-repeat 85% center;background-size:20px auto;}


.newslist{ margin-top:30px;}
.newslist .swiper-slide a:hover .wenzi, .newslist .swiper-slide a:hover .wenzi02{box-shadow: 0 0 5px #ccc;}
.newslist .swiper-slide .wenzi{ background:#fff; padding:4%;border:solid 1px #ddd;}
.newslist .swiper-slide .wenzi h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:25px; height:50px; font-size:16px}

.newslist .swiper-slide .wenzi02{ background:#fff; padding:4%;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.newslist .swiper-slide .wenzi02 h3{font-size:20px}
.newslist .swiper-slide .wenzi02 p{ color:#999}
.newslist .swiper-pagination{ display:none; bottom:0}
.newslist .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.newslist .swiper-pagination-bullet-active{ background:#1c55a4}
@media screen and (max-width: 640px){
.newslist .swiper-pagination{ display:block}
.newslist .swiper-slide { margin-bottom:30px;}
}


.hrcontent .hrlist{ width:66%; float:left}
.hrlist li{ background:#f2f2f2; margin-bottom:15px; border-radius:8px;}
.hrlist li.cur{ padding-bottom:20px}
.hrlist .toptit{ padding:10px 20px;line-height:30px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}
.hrlist .toptit span{ width:31%; margin-right:1%}
.hrlist .job{ color:#000; font-size:18px; width:35%;}
.hrlist .toptit .icon{ width:26px; height:100%; background:url(../images/icon-dw.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist li.cur .toptit .icon{ width:26px; height:100%; background:url(../images/icon-up.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist .cont{ margin:0 20px; padding:25px; background:#fff; border-radius:5px; display:none}
.hrlist .cont .mail{ text-align:center; margin-top:20px}
.hrlist .cont .mail a{ display:inline-block; padding:0 20px;border-radius:10px; line-height:42px; background:#e71419; color:#fff}
.hrcontent .hrcontact{ width:30%; float:right; max-width:372px; border-radius:5px; background:#e8f3fe; border-radius:15px; }
.hrcontent .hrcontact img{ display:block; width:100%; height:auto}
.hrcontent .hrcontact .wenzi{ padding:20px 20px 40px;}
.hrcontent .hrcontact .wenzi strong{color:#000}
.hrcontent .hrcontact .wenzi h3{ font-size:20px; font-weight:bold; color:#e71419; margin-bottom:5px}


.lianxilist li{ float:left; width:32%; margin-right:2%; background-color:#fff; padding:3% 0 3% 3%; border:solid 1px #ddd}
.lianxilist li:nth-child(3n){ margin-right:0}

.lianxilist li .iconimg{ float:left; width:20%;}
.lianxilist li .iconimg img{ display:block; width:auto; max-width:100%}
.lianxilist .wenzi{ float:right; width:73%; font-size:16px;}
.lianxilist .wenzi h3{ color:#999; margin-bottom:5px; font-size:16px;}
.lianxilist li:hover{box-shadow: 2px 4px 10px 2px #d7d7d7;}


.nmessages{background:#f7f7f7}
.messbox{ margin-top:30px;}
.messbox .items-1{ width:32%; float:left; position:relative; margin-bottom:20px; margin-right:2%}
.messbox .items-1:nth-child(3n){ margin-right:0%}
.messbox .items,.messbox .items-2{ position:relative;}
.messbox .items{ margin-bottom:20px}
.messbox label{ position:absolute; left:0; color:#666; line-height:40px; padding-left:15px}
.messbox .inp{ width:100%; border:1px solid #ddd; line-height:40px; padding-left:70px}
.messbox textarea{width: 100%;height: 120px;border: 1px solid #ddd;display: block; text-indent:210px; line-height:32px}
.messbox .yzm{width:150px; border:1px solid #ddd; line-height:35px; padding:0 10px}
.messbox .inp-submit{position: absolute;right: 0px;bottom: 0px;width: 200px;height: 40px; border-radius:5px; line-height: 40px;color: #fff;background:#1c55a4;border:none;font-size: 18px;cursor: pointer;transition:.3s;}
.messbox .inp-submit:hover{ opacity:.8}


.messbox .red{ color:#e71419; margin-right:10px;}
#map {width: 100%;height: 450px;border: #ccc solid 1px;font-size: 14px; margin-top:30px;}